<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Register</title>
    <meta name="description" content="sj-oj">
    <meta name="author" content="IT行者工作室">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/themen.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div class="login-box form" role="form">
    <form action="register.do" id="register">
        <h4 class="h4 text-center">SJ-OJ 注册</h4>
        <div class="input-space">
            <input type="text" id="user_id" name="user_id" class="form-control" placeholder="用户名:2-10个字符">
        </div>
        <div class="input-space">
            <input type="text" name="nick"  class="form-control" placeholder="昵称:2-10个字符">
        </div>
        <div class="input-space">
            <input type="password" name="password" class="form-control" placeholder="密码:6-15位">
        </div>
        <!--  重复密码<input type="password" name="repeat_password">-->
        <div class="input-space">
            <input type="text" name="school" class="form-control" placeholder="学校:三江学院">
        </div>
        <div class="input-space">
            <input type="text" name="email" class="form-control" placeholder="邮箱:">
        </div>
        <div class="form-group ">
        <input type="submit" class="btn btn-block btn-info sub-en" value="注册">
        </div>
        <p class="text-center">
            <a href="login.jsp" class="a-2">登录</a>
            <span class="ic">|</span>
            <a href="index.jsp" class="a-2">首页</a>
        </p>
        <div class="form-group ">
            <p class="h5 text-center copy-p">© Copyright 三江学院计算机科学与技术学院</p>
            <p class="text-center copy-p">Designed By <a>IT行者工作室</a></p>
        </div>

    </form>
</div>

<div class="main">
    <div class="page page1">
        <!-- <img src="images/sjbj1.jpg" class="img-middle" > -->
    </div>
    <div class="page page2">
        <!-- <img src="images/sjbj2.jpg" class="img-middle" > -->
    </div>
    <div class="page page3">
        <!-- <img src="images/sjbj3.jpg" class="img-middle" > -->
    </div>
    <div class="page page4">
        <!--   <img src="images/sjbj4.jpg" class="img-middle" > -->
    </div>
</div>


<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/message_zh.js"></script>
<%--//   背景转换js--%>
<script src="js/jquery.onepage-scroll.min.js"></script>
<script>
    $(function(){
        //    当分辨率大于768时 实现背景转换
        if(screen.width>=768){
            $('.main').onepage_scroll({
                sectionContainer: '.page'
            });
        };
    });
</script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
</body>
</html>